{include file="header.tpl" p="general" tpl_name="video-new"}
<div id="wrapper">
    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span12">
        <div id="primary">
		<h1 class="entry-title">{$lang.recently_added}</h1>
        
        <div class="btn-group btn-group-sort opac5">
        <button class="btn btn-small" id="list"><i class="icon-th"></i> </button>
        <button class="btn btn-small" id="grid"><i class="icon-th-list"></i> </button>
        </div>

		<form class="form-inline li-dropdown-inside opac7">
		{$lang.added} 
		<select name="categories" class="inp-small" size="1" onChange="javascript:document.location=this.value;">
		<option value="" selected="selected">{$lang.select}</option>
		<option value="{$smarty.const._URL}/newvideos.{$smarty.const._FEXT}">{$lang.any_time}</option>
		<option value="{$smarty.const._URL}/newvideos.{$smarty.const._FEXT}?d=today">{$lang.today}</option>
		<option value="{$smarty.const._URL}/newvideos.{$smarty.const._FEXT}?d=yesterday">{$lang.yesterday}</option>
		<option value="{$smarty.const._URL}/newvideos.{$smarty.const._FEXT}?d=month">{$lang.this_month}</option>
		</select>
        </form>
<hr />
<ul class="pm-ul-new-videos thumbnails" id="pm-grid">
{foreach from=$results key=k item=video_data}
  <li>
	<div class="pm-li-video">
	    <span class="pm-video-thumb pm-thumb-138 pm-thumb border-radius2">
	    <span class="pm-video-li-thumb-info">
	    {if $video_data.yt_length != 0}<span class="pm-label-duration border-radius3 opac7">{$video_data.duration}</span>{/if}
	    {if $video_data.mark_new}<span class="label label-new">{$lang._new}</span>{/if}
		{if $video_data.mark_popular}<span class="label label-pop">{$lang._popular}</span>{/if}
		</span>
	    
	    <a href="{$video_data.video_href}" class="pm-thumb-fix pm-thumb-145"><span class="pm-thumb-fix-clip"><img src="{$video_data.thumb_img_url}" alt="{$video_data.attr_alt}" width="145"><span class="vertical-align"></span></span></a>
	    </span>
	    
	    <h3 dir="ltr"><a href="{$video_data.video_href}" class="pm-title-link" title="{$video_data.attr_alt}">{$video_data.video_title}</a></h3>
	    <div class="pm-video-attr">
	        <span class="pm-video-attr-author">{$lang.articles_by} <a href="{$video_data.author_profile_href}">{$video_data.author_name}</a></span>
	        <span class="pm-video-attr-since"><small>{$lang.added} <time datetime="{$video_data.html5_datetime}" title="{$video_data.full_datetime}">{$video_data.time_since_added} {$lang.ago}</time></small></span>
	        <span class="pm-video-attr-numbers"><small>{$video_data.views_compact} {$lang.views} / {$video_data.likes_compact} {$lang._likes}</small></span>
		</div>
	    <p class="pm-video-attr-desc">{$video_data.excerpt}</p>
		
		{if $video_data.featured}
	    <span class="pm-video-li-info">
	        <span class="label label-featured">{$lang._feat}</span>
	    </span>
		{/if}
	</div>
  </li>
		
{foreachelse}
	{$lang.top_videos_msg2}
{/foreach}
</ul>

{if $empty_results}
	<p class="alert">{$lang.nv_page_sorry_msg}</p>
{/if}

<div class="clearfix"></div>
{if is_array($pagination)}
<div class="pagination pagination-centered">
    <ul>
		{foreach from=$pagination key=k item=pagination_data}
		<li{foreach from=$pagination_data.li key=attr item=attr_val} {$attr}="{$attr_val}"{/foreach}>
			<a{foreach from=$pagination_data.a key=attr item=attr_val} {$attr}="{$attr_val}"{/foreach}>{$pagination_data.text}</a>
		</li>
		{/foreach}
	</ul>
</div>
{/if}
		</div><!-- #primary -->
        </div><!-- #content -->
      </div><!-- .row-fluid -->
    </div><!-- .container-fluid -->
{include file="footer.tpl" tpl_name="video-new"}